
/*主体*/  
.mm-main {
  // 面包蟹
  .product-top {
    width: 100%;
    height: 1rem /* 75/75 */;
    line-height: .72rem /* 54/75 */;
    padding: 0 .2rem /* 15/75 */;
    background-color: #F5F5F5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    a {
      color: black; 
      font-size: .346667rem /* 26/75 */;
    }
  }
  
  .renking {
  width: 100%;
    p {
      width: 100%;
      height: 1.066667rem /* 80/75 */;
      line-height: 1.04rem /* 78/75 */;
      border: 1px solid #ccc;
      background-color: #EEEEEE;
      color: #874604;
      font-weight: 700;
      padding-left: .266667rem /* 20/75 */;
    }
  }

  //  那个牌子好 
  .good {
    ul {
      li {
        height: 1.76rem /* 132/75 */;
        border-bottom: 1px solid #ccc;
        padding: .266667rem /* 20/75 */;
        background: url(../images/arrow-right.svg) no-repeat center right;
        background-size: .666667rem /* 50/75 */;
        a {
          em {
            display: inline-block;
            width: .56rem /* 42/75 */;
            height: .56rem /* 42/75 */;
            line-height: .56rem /* 42/75 */;
            background-color: #C7C9C9;
            color: #fff;
            font-size: .32rem /* 24/75 */;
            text-align: center;
          }
          .good-txt {
            display: inline-block;
            font-size: .4rem /* 30/75 */;
            font-weight: 700;
          }
          p {
            margin-left: .8rem /* 60/75 */;
            font-size: .32rem /* 24/75 */;
          }
        }
      }
      li:nth-child(1) {
        a {
          em {
            background-color: red;
          }
        }
      }
      li:nth-child(2) {
        a {
          em {
            background-color: #FF9314;
          }
        }
      }
      li:nth-child(3) {
        a {
          em {
            background-color: #8ADF5B;
          }
        }
      }
    }
  }

  // 销量排行
  .ren {
    ul {
      li {
        padding: .4rem /* 30/75 */ .266667rem /* 20/75 */;
        border-bottom: 1px solid #ccc;
        a {
          position: relative;
          display: block;
          width: 100%;
          height: 3.146667rem /* 236/75 */;
          padding-left: 2.933333rem /* 220/75 */;
          img {
          position: absolute;
          left: 0;
          top: 0;
          width: 2.666667rem /* 200/75 */;
          }
          .ren-txt {
            font-size: .32rem /* 24/75 */;
          }
          .price {
            font-size: .4rem /* 30/75 */;
            color: red;
            padding: .333333rem /* 25/75 */ 0 ;
          }
          p {
            font-size: .293333rem /* 22/75 */;
            color: #A89EA0;
            span {
              margin-right: .266667rem /* 20/75 */;
            }
          }
        }
      }
    }
  }
  .comment {
    margin-bottom: .666667rem /* 50/75 */;
    ul {
      li {
        padding: .266667rem /* 20/75 */;
        border-top: 1px solid #ccc;
        a {
          .pic {
            position: relative;
            width: 100%;
            height: 3.2rem /* 240/75 */;
            padding-left: 3.2rem /* 240/75 */;
            img {
              position: absolute;
              left: 0;
              top: 0;
              width: 2.666667rem /* 200/75 */;
            }
            .pic-txt {
              font-size: .346667rem /* 26/75 */;
              color: #89909D;
            }
          }

          .comment-txt {
            position: relative;
            border: 1px solid #c7c7c7cc;
            background-color: #F8F8F8;
             padding: .266667rem /* 20/75 */;
             p:nth-child(1) {
               height: .8rem /* 60/75 */;
               font-size: .293333rem /* 22/75 */;
               span:nth-child(1) {
                 color: #276245;
               }
             }
             p:nth-child(2) {
               font-size: .373333rem /* 28/75 */;
             }
          }
          .comment-txt::after {
              content: '';
              width: 0;
              height: 0;
              position: absolute;
              left: 30px;
              top: -7px;
              border-bottom: 8px solid #f8f8f8;
              border-left: 7px solid transparent;
              border-right: 7px solid transparent;
          }
        }
      }
    }
  }
}  